@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {

  section {
    font-size: 3.5vw;
}
div.image_sd_wrap {
  width: 300%;
  padding: 3vw 0;
}
  .main {
    padding-top: 24vw;
    padding-bottom: 17vw;
}
.main_slide {
  top: 105.5vw;
}
.m_logo {
  width: 37.3439%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4vw;
}
.m_01 {
  width: 73.1462%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 47vw;
}
.m_01 img {
  width: 72.0144vw !important;
}
.m_02 {
  width: 65.1982%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.main_side_tt {
  font-size: 8vw;
}
.main_left ,
.main_right {
  top: 67vw;
}
.con01_top {
  padding-top: 15vw;
}
.con01_01 {
  width: 37.8293%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4vw;
}
.con01_02 {
  width: 76.2087%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7vw;
}
.con01_02 img {
    width: 52.6774vw !important;
}
.con01_top_mid {
  flex-wrap: wrap;
  margin-bottom: 6vw;
}
.con01_top_mid_item {
  width: 100%;
  height: 24vw;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid white;
}
.con01_top_mid_item02 {
  border-left: none;
  border-right: none;
}
.con01_top_mid_tt {
  font-size: 10vw;
  font-family: 'SUIT-ExtraBold';
}
.con01_top_tt {
  font-size: 4.2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  margin-bottom: 15.5vw;
  text-align: center;
}
.con01_bot {
  height: 62vw;
  background-attachment: unset;
  background-position: bottom;
  background-size: cover;
}
div.con02_main  {
  flex-direction: column;
}
.con02_main_item {
  width: 100%;
}
.con02_left {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 15vw 0;
}
.con02_right {
  height: 100vw;
}
.con02_left_item {
  width: 80.0978%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 0;
}
.con02_09 {
  margin-bottom: 5vw;
}
.con02_left_tt01 {
  font-size: 3.8vw;
  margin-bottom: 4vw;
}
.con02_left_tt02 {
  font-size: 3.6vw;
  line-height: 1.7;
  text-align: center;
  white-space: nowrap;
}
.con03 {
  padding-top: 17vw;
}
.con03_01 {
  width: 37.7293%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5vw;
}
.con03_bg2 {
  width: 277%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con03_slide {
  top: 52vw;
}
.con03_02 {
  width: 60.4898%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18vw;
}
.con03_slide_tt {
  font-size: 5.8vw;
}
.con03_03 {
  width: 69.6459%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 20%;
}
.con04 {
  padding: 17vw 0;
}
div.con04_main {
  flex-wrap: wrap;
  align-items: center;
  gap: 13vw;
}
.con04_main03 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 0vw;
  order: -1;
}
.con04_02 {
  width: 37.9313%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5vw;
}
.con04_main03_tt {
  width: 90%;
  font-size: 3.6vw;
  line-height: 1.5;
  text-align: center;
}
.con04_03 {
  width: 59.1082%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6vw;
}
.con04_03 img {
  width: 59.0631vw !important;
}
.con04_main01 {
  display: none;
}
.con04_04 {
  width: 34.3691%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  bottom: -7%;
  left: 51%;
}
.con04_04 img {
  width: 30.269vw !important;
}
.con04_sign {
  margin-left: -10vw;
  margin-top: 7vw;
}
.con04_main02 {
  width: 92.698%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  margin-top: 0;
}
.con04_main03_tt p:nth-child(1) {
  margin-bottom: 2vw;
}
div.con05_main {
  flex-direction: column;
}
.con05_left {
  width: 86%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.con05 {
  padding: 16vw 0;
}
.con05_left_video {
  width: 100%;
  height: 48vw;
  box-sizing: border-box;
}
.con05_arr_wrap {
  gap: 0.5vw;
  margin-bottom: 0vw;
  margin-top: 4vw;
  z-index: 1;
  order: 1;
  justify-content: space-between;
  align-items: center;
}
.con05_arr {
  width: 11.74732%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.con05_02 {
  display: none;
}
.con05_01_1 {
  width: 50.6522%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3vw;
}
.con05_01_2 {
  width: 59.989%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6.5vw;
}
.con05_right {
  display: none;
}
.con06_bg {
  width: 250%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con06_cover {
  padding-top: 16vw;
}
div.con06_title {
  width: 250%;
  gap: 3vw;
}
.con06_01 {
  width: 24.448%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con06_graph01 .con06_graph_t {
    height: 95%;
}
.con06_graph01 .con06_graph_b {
    height: 5%;
}
.con06_graph02 .con06_graph_t {
    height: 85%;
}
.con06_graph02 .con06_graph_b {
    height: 15%;
}
.con06_graph03 .con06_graph_t {
    height: 65%;
}
.con06_graph03 .con06_graph_b {
    height: 35%;
}
.con06_graph04 .con06_graph_t {
    height: 45%;
}
.con06_graph04 .con06_graph_b {
    height: 55%;
}
.con06_graph_t_tt02 {
  font-size: 4vw;
}
.con06_graph_t_tt01 {
  font-size: 3.8vw;
  font-weight: 500;
}
.con06_05 {
  width: 14.3794%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 12%;
  right: 1%;
}
div.con06_line_wrap {
  width: 120%;
  overflow: hidden;
  height: 12vw;
  top: 52%;
  transform: rotate(-39deg);
}
.con06_line_circle {
  width: 2.5vw;
  height: 2.5vw;
  background-color: white;
  border-radius: 50%;
}
.con06_line_circle04 {
  width: 11.5059%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -5vw;
}
.con06_09 {
  width: 38.2813%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 5%;
  top: 45%;
}
.con06_09_tt01 {
  top: 17%;
  font-size: 3.2vw;
}
.con06_09_tt02 {
  font-family: 'SUIT-ExtraBold';
  font-size: 8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 48%;
}
.con07 {
  padding: 17vw 0;
}
div.con07_right {
  width: 82%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: static;
  order: 1;
}
.con07_07 {
  width: 77.7084%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con07_06 {
  width: 32.9063%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 39vw;
}
.con07_main {
  gap: 5vw;
}
.con07_right_tt01 {
  width: 46%;
  height: 10.5vw;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 3.6vw;
  font-weight: 400;
  margin-top: 5.5vw;
}
.con07_right_tt02 {
  font-family: 'SUIT-Bold';
  font-size: 7.5vw;
  margin-top: 2.5vw;
}
.con07_right_tt03 {
  font-size: 2.8vw;
  margin-top: 1.3vw;
}
.con07_line {
  width: 100%;
  height: 1px;
  background-color: #000;
  margin-top: 5.5vw;
}
.con07_01 {
  width: 40.9688%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 4%;
  top: 53vw;
  text-align: center;
  z-index: 1;
}
.con07_01_tt01 {
  font-size: 4.2vw;
  margin-bottom: 2vw;
  animation: blk 1s infinite;
}
.con07_01_tt02 {
  font-size: 4.6vw;
  margin-bottom: 1.3vw;
  animation: blk 1s infinite;
}
.con07_01_tt03 {
  font-size: 5.4vw;
  animation: blk 1s infinite;
}
.con07_01_tt {
  margin-left: 0vw;
}
.con07_03 {
  bottom: -15%;
  left: 6%;
}
.con07_05 {
  width: 33.1413%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0%;
  bottom: -12%;
}
.con08_bg {
  width: 502.787%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con08_cover {
  padding-top: 14vw;
}
.con08_01 {
  width: 37.6875%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.5vw;
}
.con08_02 {
    width: 95.4584%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7.5vw;
}
.con08_02 img {
        width: 95.3467vw !important;
}
.con08_center {
  width: 91.5002%;
  height: 184vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con08_center > img {
  height: 100%;
  object-fit: cover;
}
div.con08_center_cover {
  flex-direction: column;
  height: 100%;
  gap: 17vw;
  overflow: hidden;
}
.con08_center_circle {
  width: 80.8591%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con08_center_tt01 {
  /* left: auto; */
  bottom: auto;
  top: 3vw;
}
.con08_center_tt02 {
  right: auto;
  left: 3vw;
  text-align: start;
  bottom: 81vw;
}
.con08_tt {
  margin-top: 6.7vw;
  line-height: 1.5;
  font-size: 3.8vw;
}
div.con08_05 ,
div.con08_08   {
  width: 142%;
}
div.con08_07  {
  width: 142%;
}
.con08_10 {
  width: 19.5096%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 38%;
}

.con09_top {
  padding: 22vw 0;
}
/* 타원 ani */
@keyframes animX{
  0% {left: 0px;}
100% {left: 73vw;}
}
@keyframes animY{
  0% {top: 0px;}
100% {top: 37vw;}
}
.con09_rotate_box_wrap {
  width: 73vw;
  height: 37vw;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con09_rotate_box {
  height: 100%;
  left: -8%;
  top: -21%;
}
.con09_01 {
  width: 18.25957%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: animX 10s cubic-bezier(0.36, 0, 0.64, 1) -5s infinite alternate,
  animY 10s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
/* 타원 ani */
.con09_top_center {
  width: 32.8334%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con09_bot_slide_img {
  width: 96.9387%;
  height: 32vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con10 {
  background-color: #09221c;
  padding: 17vw 0;
}
.con10_02 {
  width: 65.1042%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6.5vw;
}
.con10_01 {
  display: none;
}
.con10_07 {
  display: none;
}
div.con11_top {
  flex-direction: column;
  justify-content: center;
}
.con11_top_left {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con11_top_right {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 17vw 0;
}
.con11_tt {
  line-height: 1.5;
  font-size: 3.2vw;
}
.con11_02_1 {
    width: 77.6669%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.7vw;
}
.con11_02_2 {
    width: 41.4081%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7vw;
}
div.con11_bot {
  height: auto;
  justify-content: center;
  flex-direction: column;
}
.con11_bot_right {
  width: 100%;
  height: auto;
  justify-content: center;
  flex-direction: column;
  gap: 3vw;
}
.con11_bot_right_slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.con11_bot_left {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 0vw;
  text-align: center;
  padding: 15vw 0;
}
.con11_03_1 {
  width: 65.3101%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.7vw;
}
.con11_03_2 {
  width: 73.6916%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6vw;
}
.con11_tt02 {
  font-size: 2.73vw;
  opacity: 0.8;
  margin-top: 3vw;
}
.con11_bot_right_img {
  width: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con12_bg {
  width: 236.052%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con12_01 img {
  width: 84.9933vw !important;
}
.con12_center_item {
  pointer-events: none;
}
div.con12_center {
  flex-direction: column;
}
.con12_center_item {
  width: 100%;
  height: 38vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-right: none;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  color: #08211b;
  overflow: hidden;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
.con12_center_item03 {
  border: none;
}
.con12_center_item_tt01 {
  font-size: 4.3vw;
}
.con12_center_item_tt02 {
  font-size: 7.2vw;
}
.con12_center {
  margin-bottom: 6vw;
}
.con12_08 {
  width: 71.5001%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -6.7vw;
  margin-bottom: -0.3vw;
  z-index: 2;
}
.con12_08 img {
  width: 71.3417vw !important;
}
.con13 {
  background-image: url(/images/con13_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2vw 0;
}
.con13_bg {
  display: none;
}
div.con13_cover {
  width: 95.5523%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: url(/images/con13_bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
div.con13_cover > img {
  display: none;
}
div.con13_main {
  width: 100%;
  position: relative;
  flex-direction: column;
  padding: 15vw 0;
  gap: 10vw;
}
.con13_left {
  width: 71%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.con13_left_item_top p {
  width: 20vw;
  background-color: #1D5F51;
  padding: 2.3vw 0vw;
  font-family: 'SUIT-Medium';
  font-size: 4.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con13_left_item {
  width: 100%;
}
.con13_left_ct_right {
  font-size: 6.8vw;
  font-family: 'SUIT-Medium';
  margin-bottom: 1.6vw;
}
.con13_left_ct {
  font-size: 11vw;
  font-family: 'SUIT-ExtraBold';
}
.con13_right {
  width: 97%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.con13_right_top_item_tt02 {
  bottom: 14%;
  font-family: 'SUIT-ExtraBold';
  font-size: 9vw;
}
.con13_right_top_item_tt01 {
  top: 21%;
  font-family: 'SUIT-SemiBold';
  font-size: 3.3vw;
}
.con13_right_ct_wrap {
  display: flex;
  font-family: 'SUIT-Bold';
  bottom: 5%;
  font-size: 4.2vw;
  right: 5%;
}
.con13_04 {
  display: none;
}
.con14_center {
  background-color: #08211b;
  padding: 37vw 0;
  overflow: hidden;
}
.con14_02 {
  width: 89.1668%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con14_02_cover {
  padding-top: 7.5vw;
}
.con14_02_tt {
  font-size: 4.1vw;
  margin-top: 2vw;
}
.con14_center_img_1 {
  left: -100%;
  bottom: -100%;
  transition: all 0.6s;
}
.con14_center_img_2 {
  right: -100%;
  top: -100%;
  transition: all 0.6s;
}
.con14_center_img_1.con14_change {
  left: -10%;
  bottom: -5%;
  scale: 2;
  opacity: 1;
}
.con14_center_img_2.con14_change {
  right: -10%;
  top: -5%;
  opacity: 1;
  scale: 2;
}
.con14_drink.con14_center_img_1.con14_change {
  left: -0%;
  bottom: -5%;
  opacity: 1;
}
.con14_drink.con14_center_img_2.con14_change {
  right: -0%;
  top: -5%;
  opacity: 1;
}
.con14_row {
  height: 17vw;
  font-size: 9vw;
}
.con15 {
  padding-top: 17vw;
  padding-bottom: 15vw;
  background-image: url(/images/con15_bg.png);
}
.con15_02 {
  width: 55.8209%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con15_top {
  width: 94%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-bottom: none;
  padding: 8vw 0;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.con15_01 {
  width: 32.3068%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -5.7vw;
}
.con15_tab_wrap, .con15_menu_wrap {
  width: 94%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con15_tab_wrap {
  flex-wrap: wrap;
}
.con15_tab {
  flex: unset;
  width: calc(100% / 3);
  height: 9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  background-color: white;
  font-family: 'SUIT-SemiBold';
  transition: all 0.3s;
  font-size: 3.5vw;
  cursor: pointer;
}
.con15_tab:nth-child(3n - 2){
  border-left: 1px solid #000;
}
.con15_tab:nth-child(n + 7):nth-child(-n + 9) {
  border-bottom: none;
}
.swiper-slide-active .con15_menu_img {
  width: 48vw;
  border-radius: 0%;
  scale: 1;
  transform: translateX(1%);
}
.con15_menu {
  height: 52vw;
}
.con15_menu_img {
  width: 42vw;
  height: 42vw;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 50%;
  scale: 0.75;
  transition: all 0.3s;
}
.con15_menu_tt {
  width: 42vw;
  height: 1vw;
  font-weight: 500;
  font-size: 4.3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  box-sizing: border-box;
  scale: 0.75;
  margin-top: -1.5vw;
}
.swiper-slide-active .con15_menu_tt {
  width: 48vw;
  height: 10vw;
  scale: 1;
  font-size: 3.8vw;
  transform: translateX(1%);
  border-right: 1px solid #000;
  margin-top: 0vw;
}
.con16_right {
  display: none !important;
}
.con16 {
  padding: 17vw 0;
  height: auto;
  gap: 0vw;
}
div.con16_left {
  position: static;
  flex-direction: row;
}
.con16_img_box {
  width: 93.5302%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4vw;
}
.con16_left01 {
  margin-bottom: 3vw;
}
.con16_logo {
  width: 19.40682%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3vw;
}
.con16_01 {
  width: 56.4278%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3vw;
}
.con16_01 img {
  width: 56.2187vw !important;
}
.con16_tt {
  font-size: 3.6vw;
  width: 95%;
  margin-bottom: 5vw;
}
div.con17_main {
  justify-content: space-between;
  height: auto;
  flex-direction: column;
  padding: 17vw 0 0;
}
.con17_left {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  border-right: none;
  border-bottom: 1px solid #000;
}
.con17_right {
  width: 100%;
  height: 120vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
}
.con17_left_item {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5vw;
  margin-bottom: 10vw;
}
.con17_left_tt {
    white-space: nowrap;
    margin-top: 4vw;
    overflow: hidden;
}  
div.con17_left_item_row {
  justify-content: center;
  gap: 1.5vw;
}
.con17_right_item {
  width: 100%;
  height: 10vw;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  transition: height 0.5s;
}
.con17_right_item_title {
  width: 100%;
  height: 10vw;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid #000;
  border-right: none;
  background-color: white;
}
div.con17_right_item_title_num {
  width: 18%;
  height: 100%;
  background-color: #08211b;
  font-family: 'SUIT-SemiBold';
  font-size: 4.4vw;
}
.con17_right_item_title_con {
  width: 82%;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con17_right_item_title_con p {
  white-space: nowrap;
  transform: rotate(0deg);
  font-family: 'SUIT-SemiBold';
  font-size: 3.8vw;
}
.con17_right_item_title_bg {
  top: 0%;
  left: 18%;
  width: 0%;
  height: 100%;
  background-color: #08211b;
  transition: width 0.5s;
}
.con17_right_item.con17_change .con17_right_item_title_bg {
  width: 82%;
  height: 100%;
}
.con17_right_item.con17_change {
  width: 100%;
  height: 100vw;
}
.con17_right_item_box {
  width: 100%;
  height: 90vw;
  right: auto;
  bottom: 0;
  background-color: #ebfcf3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #000;
  border-right: none;
  box-sizing: border-box;
}
.con17_right_item_box_tt01 {
  font-size: 4.7vw;
}
.con17_right_item_box_tt {
  width: 54%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 3vw;
}
.con17_right_item_box_tt02 {
  width: 90%;
}
.con17_right_item_box_tt03 {
  font-size: 3.6vw;
}
.con18_bg {
  width: 400.787%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con18_cover {
  padding-top: 41vw;
}
.con18_slide {
  width: 100%;
}
.con18_01 {
  width: 37.8661%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4vw;
}
.con18_02 {
  width: 94.0604%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10vw;
}
.con18_top_ddm {
  width: 40.1732%;
}
.con18_top_ddm04 {
  top: 36vw;
  right: 3%;
}
.con18_top_ddm03 {
  top: 16vw;
  right: 11%;
}
.con18_top_ddm02 {
  top: 30vw;
  left: 3%;
}
.con18_top_ddm01 {
  top: 12vw;
  left: 9%;
}
.con19_bg > img {
  height: 100%;
  object-fit: cover;
}
.con19_bg {
  height: 100vw;
}
.con19_01 {
  width: 80.1704%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con19_01 img {
  width: 84.4147vw !important;
}
.con19_center_tt {
  font-size: 3.8vw;
}
div.con19_center {
  height: 100%;
  gap: 3.5vw;
  justify-content: flex-start;
  padding-top: 17vw;
  box-sizing: border-box;
}
.con19_center_left {
  width: 25.87479%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 8%;
  top: 50vw;
}
.con19_center_right {
  width: 33.2664%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 8%;
  top: 50vw;
}
.con19_center_h_absol_left {
  left: 0;
  top: 140%;
}
.con19_center_h_absol_right {
  right: 0;
  top: 140%;
}
.con19_center_h_absol_tt {
  color: #ABD29B;
  font-family: 'SUIT-Regular';
  letter-spacing: 0.1vw;
  font-size: 3.6vw;
  overflow: hidden;
}
.con19_center_h_absol {
  width: 30vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.3vw;
  pointer-events: none;
}
.con20_cover {
  padding-top: 15vw;
}
.con20_bg {
        width: 420.787%;
  display: flex;
  justify-content: center;
  align-items: center;
}
    div.table_bot_tt {
    align-items: flex-start;
    bottom: -16%;
    gap: 2.5vw;
}
.con20_01 {
  width: 37.3911%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5vw;
}
.con20_02 {
  width: 45.1207%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6vw;
}
.con20_tab {
  width: 40%;
  height: 8.5vw;
  border: 1px solid #08211b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.8vw;
  transition: all 0.3s;
  color: #08211b;
  cursor: pointer;
}
.con20_tab_wrap {
  gap: 2.7vw;
  margin-bottom: 8vw;
}
.con20_table_wrap {
  width: 84%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* table */
.table_hd {
  width: 100%;
  display: flex;
  background-color: #08211b;
  font-size: 3.8vw;
  color: white;
  font-weight: 600;
}
.table_hd > div {
  padding: 3vw 0;
}
.table_body {
  width: 100%;
  display: flex;
  background-color: white;
  flex-wrap: wrap;
  font-size: 3.2vw;
}
.table_tr > div {
  padding: 2.7vw 0;
  line-height: 1.3;
}
.table_bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #08211b;
  padding: 3.7vw 0;
  color: white;
  font-size: 3.8vw;
}
.table_bot .bold {
  margin-right: 5.4vw;
  font-size: 5.5vw;
}
.table_top_tt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  right: 0%;
  bottom: 101%;
  font-size: 2.8vw;
}
/* table */
.con20_04 {
  width: 33.9764%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -5%;
  bottom: -2%;
}
.con20_06 {
  width: 39.399%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -5%;
  bottom: 6%;
}
.con20_05 {
  width: 35.664%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -13%;
  top: 6%;
}
.con20_03 {
  width: 18.853%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 9%;
  top: 4%;
}
.con21_bg {
  width: 100%;
  padding-top: 122vw;
  height: 50vw;
}
.con21_bg img {
  object-fit: cover;
  height: 100%;
}
div.con21_sd {
  padding: 0;
}
.con21_wave_absol {
  transform: rotate(0deg);
  left: 0;
  bottom: 59vw;
}
.con21_04 {
  width: 77.1792%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: auto;
  bottom: -23%;
}
div.con21_cover {
  flex-direction: column;
  justify-content: center;
  top: 0;
  padding-top: 17vw;
}
.con21_left {
  width: 75.1814%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 0;
  gap: 3vw;
}
div.con21_02 {
  justify-content: center;
}
div.con21_02 img {
  width: 74.7324vw !important;
}
.con21_left_call {
  width: 100%;
  display: flex;
  gap: 0.6vw;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.con21_left_tt {
  font-size: 3.7vw;
}
.con21_left_call_tt {
  color: #08211b;
  font-family: 'SUIT-Heavy';
  font-size: 6.8vw;
  letter-spacing: -0.15vw;
}
.con21_right_line01 {
  margin-top: 2.3vw;
  margin-bottom: 2.3vw;
}























































/* form */
div.form_wrap {
  width: 87%;
  padding: 0vw 0 8vw;
}
.form {
  width: 82%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form_margin_input>label {
  font-size: 3.5vw;
  font-weight: 500;
  white-space: nowrap;
}
.form_margin_input>input {
  width: 75%;
  height: 9.5vw;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 2.5vw;
  font-size: 3.5vw;
}
.form_check_wrap label {
  width: 30%;
  height: 7.5vw;
  box-sizing: border-box;
}
.form_margin_input {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 1.3vw 0;
}
.footeer_checkbox_01, .footeer_checkbox_02 {
  width: 4vw;
  height: 4vw;
  appearance: none;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.footeer_agree_checkbox_01 {
  width: 4vw;
  height: 4vw;
  border: none;
  cursor: pointer;
  appearance: none;
}
.footeer_agree_checkbox_01:checked::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  scale: 0.9;
}
.form_margin_Agree_input {
  width: 71%;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  align-self: flex-end;
  gap: 1.5vw;
  margin-bottom: 3vw;
  margin-top: 3vw;
}
.form_submit_div {
  width: 101.071%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #08211b;
  color: white;
  padding: 2.7vw 0;
  font-weight: 600;
  font-size: 4.1vw;
}














   /*    map*/
    
    
    
 .map_mid_2nd {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 92%;
  margin-bottom: 35%;
}    
  .map {
      width: 100%;
      height: 55vw;
      border-radius: 0vw;
  }
  .map_search {
  width: 5% !important;
  right: 8%;
}
.map_mid_map_search_mid {
  width: 100%;
  height: 16vw;
  box-sizing: border-box;
  overflow: hidden;
}
  .map_mid_map_search{
    position: relative !important;
    width: 100%;
    background: white;
    height: 114vw;
    top: 5%;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    left: 0;
  }
  .map_mid_map_search_top > div {
      color: #000;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 4%;
      padding-bottom: 4%;
      font-size: 3.2vw;
  }
  .map_mid_map_search_mid input {
      appearance: none;
      border: none;
      outline: none;
      height: 100%;
      padding-left: 5%;
      font-size: 3vw;
  }


  .map_mid_map_search_item {
    font-size: 3.4vw;
    padding: 6% 10%;
  }
  .map_mid_map_search_item_title {
      font-size: 4.3vw;
      font-family: pretendard-bold;
  }
  .map_mid_map_search_bottom {
      overflow: scroll;
      height: 82.5vw;
      width: 100%;
  }
  p.popup_right_2nd {
    font-weight: 600;
    width: 100%;
    font-size: 4.1vw;
    padding-bottom: 3%;
    box-sizing: border-box;
    font-family: 'pretendard variable';
}
.map_plus {
  width: 13.4%;
  height: 11.9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 8%;
  cursor: pointer;
}
/*  popup  */
.popup_right> div > div:nth-child(1) {
  width: 27%;
}
  .popup_right_1st {
      color: #E3C179;
      width: 78%;
      margin-bottom: 1%;
      text-align: left;
      justify-content: center;
      align-items: center;
      font-size: 4.2vw;
      margin-top: 6%;
      text-align: center;
  }
  div.popup {
    width: 84%;
    height: 109vw;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0%;
  }
  
  .popup_right_3rd .popup_right_3rd_right{
          width: 72%;
  }


  .map_mid_2nd {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      margin-bottom: 0%;
      border-top: 1px solid #808080a3;
      border-bottom: 1px solid #808080a3;
  }
  
  
  .popup_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 50%;
    overflow: hidden;
    margin-top: 0%;
    margin-bottom: 0%;
  }    
  .popup_img_con {
  left: unset;
  overflow: hidden;
  scale: 0.8;
  overflow: hidden;
} 
  .popup_top_absol {
      width: 12.4369%;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 6%;
      left: unset;
  }
  .popup_top_absol_2nd {
      width: 96.6687%;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 13%;
      left: unset;
  }    
  .popup_img {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 0;
      height: 50%;
      overflow: hidden;
  }
  .holme_close{
      width: 100%;
  }
  .popup_close {
    top: 2% !important;
    right: 5% !important;
    height: 7.5vw;
    width: 7.5vw !important;
      z-index: 10 !important;
    background-color: white;
    border-radius: 50%;
  }    
  .popup_close .absol {
    background-color: #09221c;
}
  .fixed_popup {
      z-index: 500000000;
  }
  
  
  .con01pop_05{
      width: 100%;
  }
    .popup_right_6th_left {
      width: 37.523% !important;
      padding: 1.5vw 3vw;
    }

.popup_img_con {
  overflow: hidden;
  width: 100%;
  scale: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}    
 .popup_right_2nd {
   font-weight: 600;
   width: 100%;
   font-size: 4.56vw;
   padding-bottom: 5%;
   padding-left: 0%;
   text-align: center;
 }
    .popup_right {
      width: 100%;
      height: 50%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
      padding-left: 0;
      padding-top: 10%;
    }
  
    .popup_right>div {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      width: 90%;
      margin-top: 5%;
      margin-left: 0%;
    }
  
    .popup_right>div>div:nth-child(1) {
      width: 28%;
      font-size: 3.6vw;
      margin-right: 2.5vw;
    }
  
    .popup_right>div>div:nth-child(2) {
      font-weight: 400;
      font-size: 3.5vw;
      width: 84%;
    }
    
    
    
    
    
  
}